<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <title>分享有礼</title>
    <style>
        /*分享弹出层*/
        .layui-m-layerchild{
            background: none!important;
            box-shadow: none!important;
        }
        .layui-m-layermain .layui-m-layersection{
            vertical-align: top!important;
        }
    </style>
</head>
<body class="whiteBg">
<!--头部-->
<div class="daohanglan_box">
    <div class="title">
        <i class="icon iconfont icon-iconfontjiantou1"></i>
        <h4>分享有礼</h4>
    </div>
</div>
<div class="shareBox">
    <p>分享即可领取<span>1</span>次抽奖机会</p>
    <div><span>分享</span></div>
    <ul class="clearfix">
        <li class="blue"><i class="icon iconfont icon-qq"></i></li>
        <li class="green"><i class="icon iconfont icon-weixin"></i></li>
        <li class="yellow"><i class="icon iconfont icon-kongjian"></i></li>
        <li class="green"><i class="icon iconfont icon-pengyouquan"></i></li>
    </ul>
</div>
<script src="js/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
    $(function(){
        //打开弹窗
        share();
        $('.shareBox ul').on('click', 'li', function(){
            share();
        });
    });
    //弹出框
    function share(){
        layer.open({
            type: 1,
            shadeClose: true, //点击遮罩关闭
            content: '\<\div id="share">' +
            '<img src="images/shareBg.png" alt=""/>'+
            '<p>分享请点击右上角哦</p>'+
            '\<\/div>'
        });
    }
</script>

</body>
</html>